<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 100px;
            height: 1000px;
            background: red;
        }
    </style>
</head>
<body>
    <div class="box"></div>
    <script>
        // bom dom：document object model  event 
        // bom : brower object model :浏览器对象 和浏览器相关的一些操作信息 ；
        // 1、会有一个顶级对象  window
        // var a = 10;
        // console.log(window.a);
        // 2、获取窗口的宽高 
        // window.innerHeight   //窗口的高度 包含滚动条的宽度  ，苹果浏览器不包含 滚动条会自动隐藏
        // window.innerWidth    // 窗口的宽度
        // console.log(window.innerWidth);
        // console.log(window.innerHeight)  //是窗口高度 不是页面的高度

        // 3.获取信息 navigator
        // 获取浏览器型号 
    //    console.log( window.navigator.userAgent);
        // appName 浏览器公司Netscape 网景
        // console.log(window.navigator)
        // appVersion：浏览器版本
        // console.log(window.navigator.appVersion);
        // // 获取电脑系统信息： platform: "Win32"
        // console.log(window.navigator.platform);



    </script>
</body>
</html>